
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>${fileInstructions.title!}</title>
  <meta name="baidu-site-verification" content="E6EBSdDVlj" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="chinaz-site-verification" content="5EE0B43C-75FA-6908-7672-5209A15DB9A5" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <link type="text/css" rel="stylesheet" href="/res/plugins/programmer/css/normalize-d720be9a3d.css" />
  <link type="text/css" rel="stylesheet" href="/res/plugins/programmer/css/bootstrap_min-08f2256002.css" />
  <link type="text/css" rel="stylesheet" href="/res/plugins/programmer/css/index-6613686fbd.css" />
  <link type="text/css" rel="stylesheet" href="/res/plugins/programmer/css/help-402c7e9ba9.css" />
  <link rel="stylesheet" type="text/css" href="/res/plugins/programmer/css/old-e8330e9ab6.css" />

    <script src="https://static.9hive.cn/global/vendor/jquery/jquery-2.1.4.min.js"></script>

<script>
  $(function () {
    $("a").click(function () {
      var rel = $(this).attr("rel");
      if (rel) {
        var pos = $(rel).offset().top-60;
        $("html,body").animate({ scrollTop: pos }, 800);
      }

    })
  });
  $().ready(function(){

    window.onscroll = window.onresize = function(){
      showSideBar();
    }
  });
  function showSideBar(){
    if(!window.sideMenu){
      window.sideMenu = $("#sideToolbar");
    }
    if((document.body.scrollTop||document.documentElement.scrollTop)>100){
      sideMenu.addClass("on");
    }else{
      sideMenu.removeClass("on");
    }
  }
</script>
<div id="top"></div>
<style type="text/css">
  .fixed{
    display: none !important;
  }
  #sideToolbar{
    z-index: 99;
    background-color: #F2F2F2;
  }
</style>

</head>

<body>
<div id="page">

    <div class="title" id="${fileInstructions.id!}">${fileInstructions.title!}</div>
    <p>
        ${fileInstructions.content!}
    </p>

    <%for(list in filerelations){%>
    <hr>
        <h2 id="${list.id!}" style="font-size: 18px;color: #0a2640;font-weight: 700;margin-top: 15px">${list.title!}</h2>
        <p>
            ${list.content!}
        </p>
    <%}%>


  <div id="sideToolbar" style="display: block; position: fixed; top:150px;  right: 0;">
  <div id="sideCatalog" class="sideCatalogBg" style="visibility: visible;">
    <div id="sideCatalog-sidebar"></div>
    <div id="sideCatalog-catalog">
      <dl style="width:200px;zoom:1">
        <dd><span>1</span><a href="javascript:void()" rel="#${fileInstructions.id!}" title="${fileInstructions.title!}">${fileInstructions.title!}</a></dd>

          <%for(list in filerelations){%>
          <dd><span>${listLP.index+1}</span><a href="javascript:void()" rel="#${list.id!}" title="刮刮卡">${list.title!}</a></dd>
          <%}%>


      </dl>
    </div>
  </div>
    <!--<a id="sideCatalogBtn" href="https://www.weimob.com/website/site/help" style="visibility: visible;" title="查看帮助目录"></a>-->
  <a id="sideToolbar-up"  href="javascript:void()" rel="#top" title="返回顶部" style="visibility: visible;"></a></div>



</div>
<script>
  $(function () {
     if(location.hash){
      var pos = $(location.hash).offset().top-60;
      $("html,body").animate({ scrollTop: pos }, 800);
    }
  });
</script>

  <script type="text/javascript">top != self&&(function(){top.location = self.location;})()</script>
  <style type="text/css">
/* fixed */

.fixed li{
  list-style: none;
  width: 115px;
  height: auto;
  max-height: 234px;
}
.fixed li img{
  width: 100%;
}

</style>

<script type="text/javascript">
  var winh = $(window).height();
  var $backToTopEle = $("#icon_top");
  //返回顶部
  if ($backToTopEle.length) {
    $backToTopEle.on("click", function() {
      $("html,body").animate({
        scrollTop: 0
      }, 300);
    })
    var $backToTopFun = function() {
      var st = $(document).scrollTop();
      (st > winh) ? $backToTopEle.fadeIn(): $backToTopEle.fadeOut();
      if (!window.XMLHttpRequest) {
        $backToTopEle.css("top", st + winh - 166);
      }
    };
    $(window).bind("scroll", $backToTopFun);
    $backToTopFun();

    $(".fixed-close").click(function(){
      $(".fixed").hide();
    });
  }
</script>


</body>

</html>
